<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <title>图库管理</title>
   <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
   <link rel="stylesheet" href="../../assets/css/base.css">
   <link rel="stylesheet" href="../../assets/css/sn-style.css">
   <link rel="stylesheet" href="../../assets/css/sn-user.css">
</head>

<body class="sn-bg">
     <!--header引入区域-->
    <div class="headerbgc">
        <div style="border-bottom:1px solid rgb(228, 228, 228);">
            <div class="head">
                <a href="./../../index.html" class="logoImg"> <img src="./../../assets/image/logo.svg" alt=""></a>
                <h3>账户中心</h3>
                <span class="head-info"><a href="#">首页</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">退出</a></span>
            </div>
        </div>
    </div>
    <div style="height:80px;"></div>
   <div class="sn-container">
      <div class="control-wrap sn-clr">
         <div class="layout">
            <div class="control-layout-left">
               <div class="menu-wrap">
                  <div class="context quickentry">
                     <span class="nav-title"> 菜单栏</span>
                     <ul class="">
                        <li class="item ">
                           <a href="./index.html">账户首页</a>
                        </li>
                        <li class="item ">
                           <a href="./account-info.html">账户资料</a>
                        </li>
                        <li class="item">
                           <a href="./order.html">我的订单</a>
                        </li>
                        <li class="item ">
                           <a href="./collect.html"> 我的收藏</a>
                        </li>
                        <li class="item ">
                           <a href="./income.html"> 我的收益</a>
                        </li>
                        <li class="item ">
                           <a href="./wallet.html"> 我的余额</a>
                        </li>
                        <li class="item ">
                           <a href="./news.html"> 我的资讯</a>
                        </li>
                        <li class="item selected">
                           <a href="./matter.html"> 我的素材 </a>
                        </li>
                        <li class="item ">
                           <a href="./supply.html"> 我的供需</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="control-content">
               <div class="news-title"><h3>我的素材</h3><a href="./Release-pic.html">发布新素材</a></div>
               <div class="table_card">
                        <ul class="tab">
                            <li class="activ">全部（124） </li>
                            <li>待审核（36）</li>
                            <li>已发布（30）</li>
                        </ul>
                        <div class="tabCon">
                            <div class="item on">
                                <div class="zixun-title">
                                    <span style="width:280px">资讯概述</span>
                                    <span style="width:120px">浏览/评论</span>
                                    <span style="width:100px">商圈</span>
                                    <span style="width:170px">发布时间</span>
                                    <span style="width:110px">状态</span>
                                    <span >操作</span>
                                </div>
                                <div class="zixun-detail">
                                    <div class="news-detail">
                                        <img src="./../../assets/image/zixun.png" alt="">
                                        <span>标题标题标题标题标题标题标题标题标题标题标题</span>
                                    </div>
                                    <div class="pinglun">
                                        <span>浏览：3212</span>
                                        <span>评论：323</span>
                                    </div>
                                    <div class="sq">万象城</div>
                                    <div class="time">2018-01-21 11:21:11</div>
                                    <div class="status">已发布</div>
                                    <div class="operate">
                                        <a href="">查看</a>
                                        <a href="">编辑</a>
                                        <a href="">撤销</a>
                                    </div>
                                </div>
                                <div class="zixun-detail">
                                    <div class="news-detail">
                                        <img src="./../../assets/image/zixun.png" alt="">
                                        <span>标题标题标题标题标题标题标题标题标题标题标题</span>
                                    </div>
                                    <div class="pinglun">
                                        <span>浏览：3212</span>
                                        <span>评论：323</span>
                                    </div>
                                    <div class="sq">万象城</div>
                                    <div class="time">2018-01-21 11:21:11</div>
                                    <div class="status">已发布</div>
                                    <div class="operate">
                                        <a href="">查看</a>
                                        <a href="">编辑</a>
                                        <a href="">撤销</a>
                                    </div>
                                </div>
                                <div class="zixun-detail">
                                    <div class="news-detail">
                                        <img src="./../../assets/image/zixun.png" alt="">
                                        <span>标题标题标题标题标题标题标题标题标题标题标题</span>
                                    </div>
                                    <div class="pinglun">
                                        <span>浏览：3212</span>
                                        <span>评论：323</span>
                                    </div>
                                    <div class="sq">万象城</div>
                                    <div class="time">2018-01-21 11:21:11</div>
                                    <div class="status">已发布</div>
                                    <div class="operate">
                                        <a href="">查看</a>
                                        <a href="">编辑</a>
                                        <a href="">撤销</a>
                                    </div>
                                </div>
                            </div>
                            <div class="item ">
                                <div class="zixun-title">
                                    <span style="width:280px">资讯概述</span>
                                    <span style="width:120px">浏览/评论</span>
                                    <span style="width:100px">商圈</span>
                                    <span style="width:170px">发布时间</span>
                                    <span style="width:110px">状态</span>
                                    <span >操作</span>
                                </div>
                                <div class="zixun-detail">
                                    <div class="news-detail">
                                        <img src="./../../assets/image/zixun.png" alt="">
                                        <span>标题标题标题标题标题标题标题标题标题标题标题</span>
                                    </div>
                                    <div class="pinglun">
                                        <span>浏览：3212</span>
                                        <span>评论：323</span>
                                    </div>
                                    <div class="sq">万象城</div>
                                    <div class="time">2018-01-21 11:21:11</div>
                                    <div class="status">待审核</div>
                                    <div class="operate">
                                        <a href="">查看</a>
                                        <a href="">编辑</a>
                                        <a href="">撤销</a>
                                    </div>
                                </div>
                            </div>
                            <div class="item ">
                                <div class="zixun-title">
                                    <span style="width:280px">资讯概述</span>
                                    <span style="width:120px">浏览/评论</span>
                                    <span style="width:100px">商圈</span>
                                    <span style="width:170px">发布时间</span>
                                    <span style="width:110px">状态</span>
                                    <span >操作</span>
                                </div>
                                <div class="zixun-detail">
                                    <div class="news-detail">
                                        <img src="./../../assets/image/zixun.png" alt="">
                                        <span>标题标题标题标题标题标题标题标题标题标题标题</span>
                                    </div>
                                    <div class="pinglun">
                                        <span>浏览：3212</span>
                                        <span>评论：323</span>
                                    </div>
                                    <div class="sq">万象城</div>
                                    <div class="time">2018-01-21 11:21:11</div>
                                    <div class="status">已发布</div>
                                    <div class="operate">
                                        <a href="">查看</a>
                                        <a href="">编辑</a>
                                        <a href="">撤销</a>
                                    </div>
                                </div>
                                <div class="zixun-detail">
                                    <div class="news-detail">
                                        <img src="./../../assets/image/zixun.png" alt="">
                                        <span>标题标题标题标题标题标题标题标题标题标题标题</span>
                                    </div>
                                    <div class="pinglun">
                                        <span>浏览：3212</span>
                                        <span>评论：323</span>
                                    </div>
                                    <div class="sq">万象城</div>
                                    <div class="time">2018-01-21 11:21:11</div>
                                    <div class="status">已发布</div>
                                    <div class="operate">
                                        <a href="">查看</a>
                                        <a href="">编辑</a>
                                        <a href="">撤销</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                            <!-- 分页容器 -->
                        <div class="tcdPageCode"></div>
                    </div>
            </div>
         </div>
      </div>
   </div>
   <footer>
        <p>
            <a href="#">关于我们</a> |
            <a href="#">会员服务</a> |
            <a href="#">广告中心</a> |
            <a href="#">战略伙伴</a> |
            <a href="#">版权声明</a> |
            <a href="#">联系方式</a> 
        </p>
        <p>Copyright © 2002-2014 mcwzg. 杭州大想网络信息有限公司 版权所有  浙ICP备11063754号-1</p>
    </footer>
</body>
<script src="./../../assets/build/jquery/dist/jquery.js"></script>
   <script src="../../assets/build/pagejs/jquery.page.js"></script>
<script>
    $(function(){
        $(".tcdPageCode").createPage({
            pageCount:20,
            current:1
    });
        $(".tab li").on("click", function(event) {
        $(".tab li")
            .eq($(this).index())
            .addClass("activ")
            .siblings()
            .removeClass("activ");
        $(".tabCon .item")
            .hide()
            .eq($(this).index())
            .show();
        });
    })
</script>
</html>